<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="刘寻 202233040148  李敏敏 2022040149 左文豪 202233040120">
    <title>网页设计</title>
</head>
<body>
    <h1 align="center"><b>网页设计软件列表（点击查看）</b></h1>
    <hr size="4" color="#5E2D00" width="1500px"/>
    <nav>
        <p align="center">
            <a  href="#1" class="b">Photoshoop软件</a>
            <a  href="#2" class="c">illustrator软件</a>
            <a  href="#3" class="d">Dreamweaver软件</a>
            <a  href="#4" class="e">Fireworks软件</a>
        </p>
    </nav>
    <hr size="4" color="#5E2D00" width="1500px"/>
    <dl id="1">
        <dt align="center">
            <a href="#"><img src="./5.png"></a>
        </dt>
        <dd class="one">Photoshoop是一款特别好用的<em>设计软件</em>！给画面来点动感吧。</dd>
        <dd class="one">处理以<em>像素构成的图像</em>，可以有效地进行图片编辑调整工作。</dd>
        <dd class="one">很多功能，在图像、图形、文字、出版等各方面都有涉及。</dd>
        <dd class="one">制作建筑效果图，包括许多三维场景时，常常需要在Photoshop进行调整。</dd>
    </dl>
    <dl id="2">
        <dt><img src="./1.png"></dt>
        <dd class="one">illustrator是一种应用出版、多谋体和在线图像的<em>标准矢量插画</em>的制作软件。</dd>
        <dd class="one">illustrator广泛应用于<em>印刷出版、海报书籍、</em>专业插画、多谋体图像处理。</dd>
        <dd class="one">illustrator可以为线稿提供较高的精度和控制，简单到复杂项目都能制作。</dd>
        <dd class="one">根据不完全统计，全球大约有37%的界面设计师在使用illustrator进行设计。</dd>
    </dl>
    <dl id="3">
        <dt><img src="./2.png"></dt>
        <dd class="one">Dreamweaver是第一套针对<em>专业网页设计师</em>特别开发的网页设计制作工具。</dd>
        <dd class="one">利用Dreamweaver可以轻易制作出<em>跨越平台和浏览器</em>限制的充满动感的网页。</dd>
        <dd class="one">Dreamweaver自MX版本开始，使用了Opera是排版引擎作为网页预览工具。</dd>
        <dd class="one">Dreamweaver可以用在Adobe Creative Suite 4的不同组件之间切换工作。</dd>
    </dl>
    <dl id="4">
        <dt><img src="./3.png"></dt>
        <dd class="one">Fireworks是一款<em>网页作图软件</em>，可以加快web的设计开发效率。</dd>
        <dd class="one">Fireworks是一款创建优化<em>web图像</em>极快网站和web界面的工具。</dd>
        <dd class="one">Fireworks可以创建和编辑矢量图像与位图图像，并导入PS和AI文件中。</dd>
        <dd class="one">采用与PS类似的图层结构来管理原型，更易组织web页面。</dd>
    </dl>
</body>
</html>